<template>
    <div>
       <div class="pl-form-designer-header">
        <div class="header-title">
          <!-- <img src="@/assets/images/pf.png" class="header-logo" /> -->
          <el-tooltip effect="dark" :content="dataForm.fullName" placement="bottom">
            <p class="header-txt"> · {{dataForm.fullName}}</p>
          </el-tooltip>
        </div>
        <div class="options">
          <!-- <el-button type="primary" @click="dataFormSubmit()" :disabled="loading" :loading="btnLoading">移动端</el-button>
          <el-button type="primary" @click="dataFormSubmit()" :disabled="loading" :loading="btnLoading">桌面端</el-button> -->
          
          <el-button type="primary" @click="dataFormSubmit()" :disabled="loading" :loading="btnLoading">保存</el-button>
          <el-button @click="closeDialog()">清空</el-button>
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "tool",
    props:['fullName'],
    data(){
      return{
        dataForm:{
          fullName: "表单列表"
        },
        btnLoading: false,
        loading: false,
      }
    },
    created(){
      if(this.fullName){
        this.dataForm.fullName = this.fullName
      }
    },
    methods:{
      dataFormSubmit(){
        this.$parent.save()
      },
      closeDialog(){
        this.$parent.close()
      }
    }
  }
  </script>
  
  <style>
  .pl-form-designer-header{
    background: white;
    margin-bottom: 10px;
  }
  </style>